<!DOCTYPE html>
<html>
<head>
  <title>todoList</title>
  <script type="text/javascript" src="./vue.js"></script>
</head>
<body>  
  <div id="app">
    <div v-show="isShow" @click="handerShow">show</div>
    <div v-if="isShow" @click="handerShow">if</div>
  </div>
  <script>
    var app = new Vue({
      el : '#app' ,
      data : {
        isShow : true
      },
      methods : {
        handerShow : function() {
          this.isShow = !this.isShow
        }
      }
    });
  </script>
</body>
</html>